<%--
  Created by IntelliJ IDEA.
  User: 陈俊雄
  Date: 2018/2/24
  Time: 14:34
--%>
<%@ page contentType="text/html;charset=UTF-8" %>
<!-- Main view -->
<div class="animated fadeInRight">
    <div class="wrapper wrapper-content ng-scope" ng-controller="homePageCtrl">
        <div class="row">
            <div class="col-lg-6">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>今日交易笔数</h5>
                    </div>
                    <div class="ibox-content sk-loading" id="bar-content">
                        <div class="sk-spinner sk-spinner-rotating-plane"></div>
                        <canvas id="bar" class="chart chart-bar"
                                chart-data="barData"
                                chart-labels="barLabels"
                                chart-series="barSeries"
                                chart-options="barOptions"
                                chart-colors="barColors">
                        </canvas>
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>今日交易金额</h5>
                    </div>
                    <div class="ibox-content sk-loading" id="doughnut-content">
                        <div class="sk-spinner sk-spinner-rotating-plane"></div>
                        <canvas id="doughnut" class="chart chart-doughnut"
                                chart-data="doughnutData"
                                chart-labels="doughnutLabels"
                                chart-colors="doughnutColors"
                                chart-options="doughnutOptions">
                        </canvas>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-4">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>商户余额</h5>
                    </div>
                    <div class="ibox-content sk-loading h-150" id="balance-content">
                        <div class="sk-spinner sk-spinner-rotating-plane"></div>
                        可用余额：<strong class="text-success" style="font-size: xx-large;">{{balance | number:2}}</strong>
                        <div>
                            <button type="submit" class="btn btn-sm btn-w-m btn-primary"
                                    ui-sref="base_view.account_mgmt.balance_inquiry">
                                余额明细
                            </button>
                            <button type="button" class="btn btn-sm btn-w-m btn-danger"
                                    ui-sref="base_view.account_mgmt.balance_inquiry">
                                提现
                            </button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>待办事项</h5>
                    </div>
                    <div class="ibox-content sk-loading h-150" id="backlog-content">
                        <div class="sk-spinner sk-spinner-rotating-plane"></div>
                        <div class="row">
                            <div class="col-sm-4 text-center">
                                <h1 class="text-info">{{financeDrawing}}<small>笔</small></h1>
                                提现审核中
                            </div>
                            <div class="col-sm-4 text-center">
                                <h1 class="text-warning">{{refundUnaudited}}<small>笔</small></h1>
                                退款审核中
                            </div>
                            <div class="col-sm-4 text-center">
                                <h1 class="text-danger">{{refundFail}}<small>笔</small></h1>
                                退款未通过
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>商户拒付率</h5>
                    </div>
                    <div class="ibox-content  h-150" >
                        <div class="sk-spinner sk-spinner-rotating-plane"></div>
                        <div class="row">
                            <div id="chart"/>

                        </div>
                    </div>
                </div>
                </div>
            </div>

        </div>
    </div>
</div>